.course{
   max-width: 640px;
   margin: auto;
   font-size: 14px;
}
.ransdata{
    margin: 20px;
    text-align: center;
}
.coursecontain{
    position: relative;
    margin-bottom: 10px;
    width: 90%;
}
.coursecontain .del{
    position: absolute;
    right: -10%;
    top:50%;
    transform: translateY(-50%);
}
.addvideo{
    position: absolute;
    right:1%;
    bottom:0;
}
.course .coursecon{
    width: 100%;
    
    display: flex;
    border-bottom: 1px #ddd solid;
}
.course .coursecon .label{
    width: 120px;
    padding: 20px 0;
    text-indent: 24px;
}
.course .coursecon .input{
    flex: 1;
}
.course .coursecon .input select{
    width: 100%;
    height: 60px;
    border: none;
}
.course .coursecon .input input{
    width: 80%;
    height: 100%;
    border: none;
}
.videocon{
    margin: 20px 0;
    position: relative;
}
.save{
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: hsl(0, 0%, 100%);
    background: hsl(209, 100%, 55%);
    margin-bottom: 10px;
    margin-top: 20px;
}
.qx{
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 10px;
    color: hsl(0, 0%, 100%);
    background: hsl(359, 100%, 65%);
}
.userImg img{
   width: 100px;
   height: 100px;
}
.userImg{
    width: 52px;
    height: 72px;
    margin: 20px 0;
    position: relative;
}
.userImg .upload{
    width: 52px;
    height: 72px;
    background: url(../../images/updataphoto.png) no-repeat;
    background-size: cover;
}
.userImg input{
    position: absolute;
    top:0;
    left:0;
    width: 52px;
    height: 72px;
    z-index: 10;
    opacity: 0;
}
.userImg img{
    position: absolute;
    top:0;
    left:0;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    z-index: 1;
    object-fit: cover;
}
.header{
    background-color: #FBD42D;
    height: 45px;
    line-height: 45px;
    display: flex;
    text-align: center;
    position: relative;
}
.header .back img{
    position: absolute;
    left:20px;
    top:50%;
    transform: translateY(-50%);
}
.header .title{
    text-align: center;
    margin: auto;
}
.course .tip{
    padding: 10px 20px;
    color: #999;
}